<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
    兄弟节点
      node.nextSibling
        获取下一个兄弟节点(文本节点)
      node.previousSibling
        获取上一个兄弟节点(文本节点)
      
      element.nextElementSibing;
        获取下一个兄弟元素节点
      element.previousElementSibing;
  -->
  <ul>
    <li class="ll">你看看了</li>
    <li>不是的吧</li>
  </ul>
</body>
<script>
  let getNextElementSibling = (element) => { //兼容性写法
    let el = element;
    while (el = el.nextSibling) { //这里面的内容肯定都为true的
      // 隐藏了一步，el.nextSibling.nodeType
      if (el.nodeType === 1) {
        return el;
      };
    };
    return null;
  };
</script>

</html>